body {
  background: #262626;
}
.wrap {
  position: relative;
}
.slide {
  width: 100%;
  height: 450px;
  position: relative;
  margin-top: 100px;
}
.slide li {
  position: absolute;
  width: 800px;
  top: 80px;
  left: 200px;
}
.slide li img {
  width: 100%;
}
.arrow {
  width: 100%;
  position: absolute;
  left: 0;
  top: 50%;
  height: 112px;
  opacity: 0;
  z-index: 100;
  margin-top: -56px;
}
.arrow .prev {
  width: 76px;
  height: 112px;
  display: block;
  float: left;
  background: url(../imgs/prev.png) no-repeat 0 0;
}
.arrow .next {
  width: 76px;
  height: 112px;
  display: block;
  float: right;
  background: url(../imgs/next.png) no-repeat 0 0;
}
